html, body {
    width: 100%;height: 100%;overflow: hidden
}
body {
    background-image: url('./bag.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* 让背景图基于容器大小伸缩 */
    background-size: cover;
}
body:after {
    content:'';
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-filter:blur(3px);
    -moz-filter:blur(3px);
    -o-filter:blur(3px);
    -ms-filter:blur(3px);
    filter:blur(3px);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
}
.layui-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}
.admin-login-background {
    width:360px;
    height:300px;
    position:absolute;
    left:50%;
    top:40%;
    margin-left:-180px;
    margin-top:-100px;
}
.logo-title {
    text-align:center;
    letter-spacing:2px;
    padding:14px 0;
}
.logo-title h1 {
    color:#9CBDC6;
    font-size:25px;
    font-weight:bold;
}
.login-form {
    background-color:#fff;
    border:1px solid #fff;
    border-radius:10px;
    padding:14px 20px;
    box-shadow:0 0 8px #eeeeee;
}
.login-form .layui-form-item {
    position:relative;
}
.login-form .layui-form-item label {
    position:absolute;
    left:1px;
    top:1px;
    width:38px;
    line-height:36px;
    text-align:center;
    color:#d2d2d2;
}
.login-form .layui-form-item input {
    padding-left:36px;
}
.captcha {
    width:60%;display:inline-block;
}
.captcha-img {
    display:inline-block;
    width:34%;
    float:right;
}
.captcha-img img {
    height:34px;
    border:1px solid #e6e6e6;
    height:36px;
    width:100%;
}
#layui-btn-fluid{
    position: relative;
    /** 相对布局 **/
    background-color: rgb(136, 174, 190);
    box-shadow: 10px 10px 5px #B4BFC5;
    height: 20%;
    padding: 5px 25px;
    font-size: 15px;
    color: white;
    border-radius: 4px;
    border-bottom: #999;
    border-right: #999;
}
#layui-btn-fluid:active {
    top: 4px;
    /*向下偏移2px */
}